<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>活动页</title>
    <link rel="stylesheet" href="./css/active.css">
</head>
<body>
    <!-- banner -->
    <div class="banner">
        <img class="pic" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8d9fa5533021ed722ec42c8c12690dc.jpg?w=5120&h=1600&bg=7ADCC3" alt="">
        <div class="logo">
            <a href="./active.html">
            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/93bafaa5fb8f322cbc8f65cb287720ee.png?w=80&h=80&bg=FFFFFF" alt="">
        </a>
        </div>
    </div>

    <!-- section1 -->
        <div class="section" style="margin-top: 20px;">
            <ul id="list-ul1">
                <li>
                    <a href="###"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf26f7f5ce61ad05b819cc0e817f3411.jpg?w=800&h=532" alt=""></a>
                    <a href="###" class="title">全面屏电视E43K</a>
                    <p>全面屏设计，海量内容</p>
                    <span><b>￥</b>1399</span>
                    <a href="###" class="buy">立即购买</a>
                </li>
            </ul>
        </div>

        <div class="title-banner">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/05af18ab8d31d561a039216a06bee5a2.jpg" alt="">
        </div>
        <!-- section2 -->
        <div class="section">
            <ul id="list-ul2">
                <li>
                    <a href="###"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf26f7f5ce61ad05b819cc0e817f3411.jpg?w=800&h=532" alt=""></a>
                    <a href="###" class="title">全面屏电视E43K</a>
                    <p>全面屏设计，海量内容</p>
                    <span><b>￥</b>1399</span>
                    <a href="###" class="buy">立即购买</a>
                </li>
            </ul>
        </div>

        <div class="title-banner">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/73b5af09c8d24e8edecc6fd5bb42c6d2.jpg" alt="">
        </div>
        <!-- section3 -->
        <div class="section">
            <ul id="list-ul3">
                <li>
                    <a href="###"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf26f7f5ce61ad05b819cc0e817f3411.jpg?w=800&h=532" alt=""></a>
                    <a href="###" class="title">全面屏电视E43K</a>
                    <p>全面屏设计，海量内容</p>
                    <span><b>￥</b>1399</span>
                    <a href="###" class="buy">立即购买</a>
                </li>
            </ul>
        </div>

        <div class="title-banner">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5cf31bf709b17d984a8de2d9f4f6a752.jpg" alt="">
        </div>
        <!-- section4 -->
        <div class="section">
            <ul id="list-ul4">
                <li>
                    <a href="###"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf26f7f5ce61ad05b819cc0e817f3411.jpg?w=800&h=532" alt=""></a>
                    <a href="###" class="title">全面屏电视E43K</a>
                    <p>全面屏设计，海量内容</p>
                    <span><b>￥</b>1399</span>
                    <a href="###" class="buy">立即购买</a>
                </li>
            </ul>
        </div>



        <div class="title-banner">
            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/91f2f2287529636f3ea550b922bd0040.jpg" alt="">
        </div>
        <!-- section5 -->
        <div class="section">
            <ul id="list-ul5">
                <li>
                    <a href="###"><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/bf26f7f5ce61ad05b819cc0e817f3411.jpg?w=800&h=532" alt=""></a>
                    <a href="###" class="title">全面屏电视E43K</a>
                    <p>全面屏设计，海量内容</p>
                    <span><b>￥</b>1399</span>
                    <a href="###" class="buy">立即购买</a>
                </li>
            </ul>
        </div>
</body>
<script src="./libs/jQuery.js"></script>
<script src="./libs/lazyload.js"></script>
<script src="./javascripts/active.js"></script>
</html>